html, body {
  width: 100%;
  height: 100%;
  overflow: auto;
  font-family: Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,SimSun,sans-serif;
  font-size: 14px;
  color: #333;
  -webkit-font-smoothing: antialiased;
}

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
  margin: 0;
  padding: 0;
  border:0;
	outline:none;
}

ul,ol{
  list-style: none;
}

a{
  color: inherit;
}
a, a:hover {
  text-decoration: none;
  cursor: pointer;
}
a:link{text-decoration:none;}
a:visited{text-decoration: none;}
a:active{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus{-moz-outline:none;outline:none;}

/* 浮动 */
.fl { float: left; }
.fr { float: right; }
.cf { zoom: 1; }
.cf:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  overflow:hidden;
}

/* 元素类型 */
.db { display: block; }
.dn { display: none; }
.di { display: inline }
.dib {display: inline-block;}
.transparent { opacity: 0 }

/*文字排版、颜色*/
.f12 { font-size:12px }
.f14 { font-size:14px }
.f16 { font-size:16px }
.f18 { font-size:18px }
.f20 { font-size:20px }

.fb { font-weight:bold }
.fn { font-weight:normal }
.t2 { text-indent:2em }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.tj { text-align: justify; text-justify: inter-ideograph; }

.wes { /* 多出部分用省略号表示 , 用于一行 */
  overflow:hidden;
  word-wrap:normal;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.wes-2 { /* 适用于webkit内核和移动端 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wes-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.wes-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/* flex布局 */
.df {
  display:flex;
  display: -webkit-flex;
}
.df-sb {
  display:flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
}
.df-sa {
  display:flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-around;
}

.flex-dc {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}
.flex-1 {
  flex: 1;
  position: relative;
  min-width: 0;
  min-height: 0;
}

/* 垂直居中 */
.df-c {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tb-c {
  text-align:center;
  display:table-cell;
  vertical-align:middle;
}
.ts-c {
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
}

/* 辅助 */
.mask-fixed-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  left:0; top:0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 999;
}
.bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.bg-cover-all {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

// 主内容区域
.container {
  background: #ffffff;
  box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  padding: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  .page-title {
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 15px;
    i {
      margin-right: 10px;
    }
  }
}
.container + .container {
  margin-top: 15px;
}

/* 删除文本颜色 */
.text-del{
  color: #f56c6c;
}
.text-del:focus, .text-del:hover{
  color: #f78989;
}